<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>我的订单</title>
    <script src="../../js/flexible.js"></script>
    <link rel="stylesheet" href="../../css/common/base.css">
    <link rel="stylesheet" href="../../css/common/common.css">
    <link rel="stylesheet" href="../../css/cl/my_order.css">
</head>
<body>
    <!-- 头部 -->
    <header>
        <a href="../zyj/我的.html">
            <img src="../../img/4商品列表/4_06.png" alt="">
        </a>
        <span>我的订单</span>
    </header>
    <!-- 我的订单分类 -->
    <ul class="order_nav">
        <li>
            <a href="#">全部</a>
        </li>
        <li>
            <a href="#">待付款</a>
        </li>
        <li>
            <a href="#">待收货</a>
        </li>
        <li>
            <a href="#">已完成</a>
        </li>
    </ul>
    <!-- 我的订单 -->
    <section class="order_main">
        <div>
            <p class="order_id">
                <span> <a href="../trm/trm_dingdan.html">订单：00000079</a> </span>
                <span class="undone">待付款 10:02:45</span>
            </p>
            <!-- 商品 -->
            <ul class="order_list">
                <li>
                    <img src="../../img/5商品详情/5_02.png" alt="">
                    <div class="goods_details">
                        <p>
                            <span>商品名商品名商品名商品名</span>
                            <span>￥38.00</span>
                        </p>
                        <p>
                            <span>商品名商品名</span>
                            <span>x1</span>
                        </p>
                        <p>颜色：白色&emsp;尺码：S</p>
                    </div>
                </li>
                <li>
                    <img src="../../img/5商品详情/5_02.png" alt="">
                    <div class="goods_details">
                        <p>
                            <span>商品名商品名商品名商品名</span>
                            <span>￥29.00</span>
                        </p>
                        <p>
                            <span>商品名商品名</span>
                            <span>x1</span>
                        </p>
                        <p>颜色：白色&emsp;尺码：S</p>
                    </div>
                </li>
            </ul>
            <p class="count">
                <span>共2件商品&emsp;运费 : ￥6&emsp;实付 : </span>
                <span>￥73.00</span>
            </p>
            <div class="btu">
                <a href="#">取消订单</a>
                <a href="cl_pay_ok.html" class="btu_com">付款</a>
            </div>
        </div>
        <div>
            <p class="order_id">
                <span>订单：00000079</span>
                <span class="undone">待收货</span>
            </p>
            <!-- 商品 -->
            <ul class="order_list">
                <li>
                    <img src="../../img/5商品详情/5_02.png" alt="">
                    <div class="goods_details">
                        <p>
                            <span>商品名商品名商品名商品名</span>
                            <span>￥38.00</span>
                        </p>
                        <p>
                            <span>商品名商品名</span>
                            <span>x1</span>
                        </p>
                        <p>颜色：白色&emsp;尺码：S</p>
                    </div>
                </li>
                <li>
                    <img src="../../img/5商品详情/5_02.png" alt="">
                    <div class="goods_details">
                        <p>
                            <span>商品名商品名商品名商品名</span>
                            <span>￥29.00</span>
                        </p>
                        <p>
                            <span>商品名商品名</span>
                            <span>x1</span>
                        </p>
                        <p>颜色：白色&emsp;尺码：S</p>
                    </div>
                </li>
            </ul>
            <p class="count">
                <span>共2件商品&emsp;运费 : ￥6&emsp;实付 : </span>
                <span>￥73.00</span>
            </p>
            <div class="btu">
                <a href="#" class="btu_com">确认收货</a>
            </div>
        </div>
        <div>
            <p class="order_id">
                <span>订单：00000079</span>
                <span>已完成</span>
            </p>
            <!-- 商品 -->
            <ul class="order_list">
                <li>
                    <img src="../../img/5商品详情/5_02.png" alt="">
                    <div class="goods_details">
                        <p>
                            <span>商品名商品名商品名商品名</span>
                            <span>￥38.00</span>
                        </p>
                        <p>
                            <span>商品名商品名</span>
                            <span>x1</span>
                        </p>
                        <p>颜色：白色&emsp;尺码：S</p>
                    </div>
                </li>
                <li>
                    <img src="../../img/5商品详情/5_02.png" alt="">
                    <div class="goods_details">
                        <p>
                            <span>商品名商品名商品名商品名</span>
                            <span>￥29.00</span>
                        </p>
                        <p>
                            <span>商品名商品名</span>
                            <span>x1</span>
                        </p>
                        <p>颜色：白色&emsp;尺码：S</p>
                    </div>
                </li>
            </ul>
            <p class="count">
                <span>共2件商品&emsp;运费 : ￥6&emsp;实付 : </span>
                <span>￥73.00</span>
            </p>
            <!-- <div class="btu">
                <a href="#" class="btu_com">确认收货</a>
            </div> -->
        </div>
    </section>
</body>
</html>